<section class="vbox">
	<section class="scrollable w-f">
		<section>
			<div class="form-inline">
				<div class="form-group">
					<span>关键字查询：</span>
					<input v-model="keyword" type="text" class="form-control" style="width: 240px;" placeholder="用户名/电话/电子邮件/用户昵称">
					<el-button @click="queryUser(1)" size="small" icon="el-icon-search">查询</el-button>
				</div>
			</div>
		</section>
		<section class="m-t">
			<el-button @click="goPage('/user_addUser')" size="small" icon="el-icon-circle-plus-outline" plain>新增</el-button>
			<el-button @click="delUser" size="small" icon="el-icon-delete" type="danger" plain>删除</el-button>
			<el-button size="small" icon="el-icon-edit" type="success" plain>修改</el-button>
		</section>
		<section class="m-t">
			<el-table :data="tableData.list" tooltip-effect="dark" style="width: 100%" @selection-change="handleSelectionChange">
				<el-table-column type="selection" width="45">
				</el-table-column>
				<el-table-column prop="username" label="用户名" width="120">
				</el-table-column>
				<el-table-column prop="phone" label="电话" width="100">
				</el-table-column>
				<el-table-column prop="email" label="电子邮件">
				</el-table-column>
				<el-table-column prop="userBasicInfo.nickname" label="用户昵称">
				</el-table-column>
				<el-table-column prop="note" label="备注" show-overflow-tooltip>
				</el-table-column>
				<el-table-column label="注册日期" width="140">
					<template slot-scope="scope">{{ scope.row.createDate }}</template>
				</el-table-column>
			</el-table>
		</section>
	</section>
	<footer class="text-center">
		<paging :pagingParams="tableData" @clickFun="queryUser"></paging>
	</footer>
</section>
